.map-position {
  display: flex;
  background-color: #FFFFFF;
  border: 1px solid #dcdee2;
  cursor: pointer;
  &:not(:last-child) {
    margin-bottom: 10px;
  }
  .map-position-local {
    width: 5px;
    background-color: #FFFFFF;
  }
  .map-position-number {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    color: #2db7f5;
    background-color: #DDF3F5;
  }
  .map-position-number-unfinish {
    color: #FF9900;
    background-color: #FFF0D5;
  }
  .map-position-content {
    flex: 1;
    padding: 10px;
  }
  .map-position-local-active {
    background-color: #2db7f5;
  }
  .map-position-local-unfinish-active {
    background-color: #FF9900;
  }
}